<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no,email=no,address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes">
    <meta name="msapplication-tap-highlight" content="no">
    <!--去掉winphone系统a、input标签被点击时产生的半透明灰色背景-->
    <meta name="wap-font-scale" content="no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>首页</title>
    <!-- <link rel="shortcut icon" href="favicon.ico"> -->
    <script>
        (function () {
            mTemp = false;
            //设计稿倍率 及设计稿按哪个设备宽标准设计 按375标准，如果设计稿是750，那么倍率是2,测量是20px,那么写样式时就写0.2rem
            var set = { n: 2, w: 375 }
            function rem(set) {
                var win = window;
                var d = win.document;
                var dpr = parseInt(win.devicePixelRatio);
                dpr = dpr >= 2 ? 2 : 1;
                var r = 1 / dpr;
                var m = mTemp
                if (!mTemp) {
                    m = d.createElement("meta");
                    m.setAttribute("name", "viewport");
                    mTemp = m;
                }
                m.setAttribute("content", "width=device-width, initial-scale=" + r + ", maximum-scale=" + r + ", minimum-scale=" + r + ", user-scalable=no");
                d.documentElement.firstElementChild.appendChild(m);
                var dw = win.innerWidth || d.documentElement.clientWidth || d.body.clientWidth;
                d.documentElement.style.fontSize = (dw * 100 / (set.n * set.w)) + 'px';
                d.documentElement.setAttribute("data-dpr", dpr);
            }
            rem(set);
            window.addEventListener("resize", function () { rem(set) }, false)
        })()

    </script>
    <style>
        .loading-wrapper {
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: 10000;
            background: #FFF;
            opacity: 0.8;
        }

        .loading-wrapper.show {
            display: block
        }

        .loading-wrapper.hide {
            display: none
        }

        .loading-wrapper .loading-img {
            position: absolute;
            width: .8rem;
            height: .8rem;
            top: 45%;
            left: 50%;
            margin-top: -.4rem;
            margin-left: -.4rem;
            text-align: center
        }
    </style>

</head>

<body>
    <notification></notification>
    <div id="loading-wrapper" class="loading-wrapper" style="display: none">
        <img class="loading-img" src="">
    </div>
    <div id="app" v-cloak></div>
</body>

</html>
